﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.1天气</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_1天气/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_1天气/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u509" class="ax_default" data-left="99" data-top="25" data-width="306" data-height="619">

        <!-- Unnamed (组合 ) -->
        <div id="u510" class="ax_default" data-left="99" data-top="25" data-width="306" data-height="619">

          <!-- Unnamed (组合 ) -->
          <div id="u511" class="ax_default" data-left="99" data-top="25" data-width="306" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u512" class="ax_default _形状">
              <div id="u512_div" class=""></div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u513" class="ax_default" data-left="105" data-top="34" data-width="37" data-height="5">

              <!-- Unnamed (矩形) -->
              <div id="u514" class="ax_default _形状">
                <img id="u514_img" class="img " src="images/1_1主页面/u87.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u515" class="ax_default _形状">
                <img id="u515_img" class="img " src="images/1_1主页面/u87.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u516" class="ax_default _形状">
                <img id="u516_img" class="img " src="images/1_1主页面/u87.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u517" class="ax_default _形状">
                <img id="u517_img" class="img " src="images/1_1主页面/u87.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u518" class="ax_default _形状">
                <img id="u518_img" class="img " src="images/1_1主页面/u87.png"/>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u519" class="ax_default" data-left="374" data-top="32" data-width="25" data-height="10">

              <!-- Unnamed (矩形) -->
              <div id="u520" class="ax_default _形状">
                <div id="u520_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u521" class="ax_default _形状">
                <div id="u521_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u522" class="ax_default _形状">
                <div id="u522_div" class=""></div>
              </div>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u523" class="ax_default _文本段落" data-label="Header 2">
            <div id="u523_div" class=""></div>
            <div id="u523_text" class="text ">
              <p><span>MUX</span></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u524" class="ax_default _文本段落" data-label="Header 2">
            <div id="u524_div" class=""></div>
            <div id="u524_text" class="text ">
              <p><span>10:30 PM</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u525" class="ax_default box_1">
            <div id="u525_div" class=""></div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u526" class="ax_default" data-left="99" data-top="591" data-width="306" data-height="53">

            <!-- Rectangle (矩形) -->
            <div id="u527" class="ax_default _形状" data-label="Rectangle">
              <div id="u527_div" class=""></div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u528" class="ax_default ellipse">
              <img id="u528_img" class="img " src="images/1_1主页面/u102.png"/>
              <div id="u528_text" class="text ">
                <p><span>天气</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u529" class="ax_default ellipse">
              <img id="u529_img" class="img " src="images/1_1主页面/u101.png"/>
              <div id="u529_text" class="text ">
                <p><span>闹钟</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u530" class="ax_default ellipse">
              <img id="u530_img" class="img " src="images/1_1主页面/u101.png"/>
              <div id="u530_text" class="text ">
                <p><span>设置</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u531" class="ax_default ellipse">
              <img id="u531_img" class="img " src="images/1_1主页面/u101.png"/>
              <div id="u531_text" class="text ">
                <p><span>睡眠监测</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u532" class="ax_default _文本段落" data-label="Header 2">
          <div id="u532_div" class=""></div>
          <div id="u532_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u533" class="ax_default label">
        <div id="u533_div" class=""></div>
        <div id="u533_text" class="text ">
          <p><span>从化区</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u534" class="ax_default image">
        <img id="u534_img" class="img " src="images/2_1天气/u534.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u535" class="ax_default image">
        <img id="u535_img" class="img " src="images/2_1天气/u535.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u536" class="ax_default" data-left="99" data-top="257" data-width="306" data-height="300">

        <!-- Unnamed (组合 ) -->
        <div id="u537" class="ax_default" data-left="99" data-top="257" data-width="306" data-height="51">

          <!-- Unnamed (矩形) -->
          <div id="u538" class="ax_default box_1">
            <div id="u538_div" class=""></div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u539" class="ax_default" data-left="113" data-top="276" data-width="281" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u540" class="ax_default label">
              <div id="u540_div" class=""></div>
              <div id="u540_text" class="text ">
                <p><span>5月1日昨天</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u541" class="ax_default label">
              <div id="u541_div" class=""></div>
              <div id="u541_text" class="text ">
                <p><span>晴</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u542" class="ax_default label">
              <div id="u542_div" class=""></div>
              <div id="u542_text" class="text ">
                <p><span>29℃/22℃</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合 ) -->
        <div id="u543" class="ax_default" data-left="99" data-top="307" data-width="306" data-height="51">

          <!-- Unnamed (矩形) -->
          <div id="u544" class="ax_default box_1">
            <div id="u544_div" class=""></div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u545" class="ax_default" data-left="113" data-top="326" data-width="281" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u546" class="ax_default label">
              <div id="u546_div" class=""></div>
              <div id="u546_text" class="text ">
                <p><span>5月2日今天</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u547" class="ax_default label">
              <div id="u547_div" class=""></div>
              <div id="u547_text" class="text ">
                <p><span>多云</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u548" class="ax_default label">
              <div id="u548_div" class=""></div>
              <div id="u548_text" class="text ">
                <p><span>28℃/23℃</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合 ) -->
        <div id="u549" class="ax_default" data-left="99" data-top="356" data-width="306" data-height="51">

          <!-- Unnamed (矩形) -->
          <div id="u550" class="ax_default box_1">
            <div id="u550_div" class=""></div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u551" class="ax_default" data-left="113" data-top="375" data-width="281" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u552" class="ax_default label">
              <div id="u552_div" class=""></div>
              <div id="u552_text" class="text ">
                <p><span>5月3日星期一</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u553" class="ax_default label">
              <div id="u553_div" class=""></div>
              <div id="u553_text" class="text ">
                <p><span>阴</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u554" class="ax_default label">
              <div id="u554_div" class=""></div>
              <div id="u554_text" class="text ">
                <p><span>27℃/24℃</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合 ) -->
        <div id="u555" class="ax_default" data-left="99" data-top="406" data-width="306" data-height="51">

          <!-- Unnamed (矩形) -->
          <div id="u556" class="ax_default box_1">
            <div id="u556_div" class=""></div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u557" class="ax_default" data-left="113" data-top="425" data-width="281" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u558" class="ax_default label">
              <div id="u558_div" class=""></div>
              <div id="u558_text" class="text ">
                <p><span>5月4日星期二</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u559" class="ax_default label">
              <div id="u559_div" class=""></div>
              <div id="u559_text" class="text ">
                <p><span>晴</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u560" class="ax_default label">
              <div id="u560_div" class=""></div>
              <div id="u560_text" class="text ">
                <p><span>29℃/22℃</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合 ) -->
        <div id="u561" class="ax_default" data-left="99" data-top="456" data-width="306" data-height="51">

          <!-- Unnamed (矩形) -->
          <div id="u562" class="ax_default box_1">
            <div id="u562_div" class=""></div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u563" class="ax_default" data-left="113" data-top="475" data-width="281" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u564" class="ax_default label">
              <div id="u564_div" class=""></div>
              <div id="u564_text" class="text ">
                <p><span>5月5日星期三</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u565" class="ax_default label">
              <div id="u565_div" class=""></div>
              <div id="u565_text" class="text ">
                <p><span>多云</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u566" class="ax_default label">
              <div id="u566_div" class=""></div>
              <div id="u566_text" class="text ">
                <p><span>28℃/23℃</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合 ) -->
        <div id="u567" class="ax_default" data-left="99" data-top="506" data-width="306" data-height="51">

          <!-- Unnamed (矩形) -->
          <div id="u568" class="ax_default box_1">
            <div id="u568_div" class=""></div>
          </div>

          <!-- Unnamed (组合 ) -->
          <div id="u569" class="ax_default" data-left="113" data-top="525" data-width="281" data-height="17">

            <!-- Unnamed (矩形) -->
            <div id="u570" class="ax_default label">
              <div id="u570_div" class=""></div>
              <div id="u570_text" class="text ">
                <p><span>5月6日星期四</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u571" class="ax_default label">
              <div id="u571_div" class=""></div>
              <div id="u571_text" class="text ">
                <p><span>阴</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u572" class="ax_default label">
              <div id="u572_div" class=""></div>
              <div id="u572_text" class="text ">
                <p><span>27℃/24℃</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u573" class="ax_default label">
        <div id="u573_div" class=""></div>
        <div id="u573_text" class="text ">
          <p><span>28℃</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u574" class="ax_default label">
        <div id="u574_div" class=""></div>
        <div id="u574_text" class="text ">
          <p><span>多云 空气良</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u575" class="ax_default image">
        <img id="u575_img" class="img " src="images/2_1天气/u535.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u576" class="ax_default" data-left="374" data-top="72" data-width="98" data-height="7">

        <!-- Unnamed (水平线) -->
        <div id="u577" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="96" CompoundMode="true">
          <img id="u577_img" class="singleImg img " src="images/2_1天气/u577.png"/>
          <div id="u577p000" class="ax_vector_shape" WidgetTopLeftX="-0.48" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.48" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.48" WidgetBottomLeftY="0" WidgetBottomRightX="0.48" WidgetBottomRightY="0">
            <img id="u577p000_img" class="img " src="images/2_1天气/u577p000.png"/>
          </div>
          <div id="u577p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="24" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="24" WidgetBottomRightY="0">
            <img id="u577p001_img" class="img " src="images/1_2闹钟设定/u309p001.png"/>
          </div>
          <div id="u577p002" class="ax_vector_shape" WidgetTopLeftX="4.6" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="4.6" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
            <img id="u577p002_img" class="img " src="images/1_2闹钟设定/u309p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u578" class="ax_default _形状">
          <div id="u578_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u579" class="ax_default label">
        <div id="u579_div" class=""></div>
        <div id="u579_text" class="text ">
          <p><span>点击可切换地区</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u580" class="ax_default image">
        <img id="u580_img" class="img " src="images/1_2闹钟设定/u241.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u581" class="ax_default _文本段落" data-label="Header 2">
        <div id="u581_div" class=""></div>
        <div id="u581_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u582" class="ax_default image">
        <img id="u582_img" class="img " src="images/1_2闹钟设定/u241.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u583" class="ax_default _文本段落" data-label="Header 2">
        <div id="u583_div" class=""></div>
        <div id="u583_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u584" class="ax_default" data-left="329" data-top="571" data-width="196" data-height="7">

        <!-- Unnamed (水平线) -->
        <div id="u585" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="192" CompoundMode="true">
          <img id="u585_img" class="singleImg img " src="images/2_1天气/u585.png"/>
          <div id="u585p000" class="ax_vector_shape" WidgetTopLeftX="-0.484848484848485" WidgetTopLeftY="0" WidgetTopRightX="0.484848484848485" WidgetTopRightY="0" WidgetBottomLeftX="-0.484848484848485" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.484848484848485" WidgetBottomRightY="0.166666666666667">
            <img id="u585p000_img" class="img " src="images/2_1天气/u585p000.png"/>
          </div>
          <div id="u585p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="47.75" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="47.75" WidgetBottomRightY="0">
            <img id="u585p001_img" class="img " src="images/1_2闹钟设定/u238p001.png"/>
          </div>
          <div id="u585p002" class="ax_vector_shape" WidgetTopLeftX="8.54545454545455" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="8.54545454545455" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u585p002_img" class="img " src="images/1_2闹钟设定/u238p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u586" class="ax_default _形状">
          <div id="u586_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u587" class="ax_default label">
        <div id="u587_div" class=""></div>
        <div id="u587_text" class="text ">
          <p><span>点击即可展开多日天气情况</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u588" class="ax_default _一级标题">
        <div id="u588_div" class=""></div>
        <div id="u588_text" class="text ">
          <p><span>天气系统</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u589" class="ax_default box_1">
        <img id="u589_img" class="img " src="images/2_1天气/u589.png"/>
        <div id="u589_text" class="text ">
          <p><span>1. 点击天气栏，将显示未来15天的天气状况，包括最高温最低温，天气状况，日期及星期</span></p><p><span><br></span></p><p><span>2. 点击右上角三个小点点即可切换地区查看天气</span></p><p><span><br></span></p><p><span>3. 点击下方三个小点点即可展开查看多天的天气情况</span></p><p><span><br></span></p><p><span>4. 开启天气模式前，用户需统一APP使用定位模式</span></p><p><span><br></span></p><p><span>5.闹钟响起时，屏幕上将显示当天的天气情况（当日天气、温度）以及当天该时刻天气情况作为闹铃的背景展示，更方便用户查看</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
